<template>
	<view class="pad-32r">
		<view class="pad-32r">
			<view class="border-col font-weight mar-10 font-size-20">{{form.name}}</view>
			<view class="between-align mar-10">
				<view>来源</view>
				<view class="color-blue" @click="showSource=true">请选择来源</view>
			</view>
			<view class="between-align mar-10">
				<view>种类</view>
				<view class="color-blue" @click="showSource=true">请选择种类</view>
			</view>
			<view class="between-align mar-10">
				<view>重量</view>
				<u--input placeholder="请输入内容" border="surround" v-model="form.shoujiren" @change="change"></u--input>
			</view>
			<view class="between-align mar-10">
				<view>登记日期</view>
				<view class="color-blue" @click="showDate=true">请选择日期</view>
			</view>
			<view class="between-align mar-10">
				<view>销毁办法</view>
				<view class="color-blue" @click="showSource=true">请选择销毁办法</view>
			</view>
			<view class="between-align mar-10">
				<view>登记人</view>
				<u--input placeholder="请输入内容" border="surround" v-model="form.shoujiren" @change="change"></u--input>
			</view>
			<view class="between-align mar-10">
				<view>收集人</view>
				<u--input placeholder="请输入内容" border="surround" v-model="form.shoujiren" @change="change"></u--input>
			</view>
			<Button content="确定"></Button>
		</view>
		<u-picker :show="showSource" :columns="columns" @close="showSource=false"
			:closeOnClickOverlay="true"></u-picker>
		<u-datetime-picker :show="showDate" v-model="value1" mode="datetime" @close="showDate=false"
			:closeOnClickOverlay="true"></u-datetime-picker>
	</view>
</template>

<script>
	import Button from "../../components/Button.vue"
	export default {
		components: {
			Button
		},
		data() {
			return {
				form: {},
				showSource: false,
				showDate: false,
				columns: [
					['采血室', '临检', '体液']
				],
			}
		},
		onLoad(e) {
			this.form = e
			console.log(this.form)
		},
	}
</script>

<style>
</style>